<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动态Prop</title>
    <script src="../js/vue-dev.js"></script>
</head>
<body>
    <div id="app">
        <input v-model="message">
        <br>显示的内容为：
        <p>不加v-bind的，传递的是字符串，这种写法，写死了<p>
        <comp some-prop="1+1"></comp>
        <br>
        <p>添加v-bind后，传递的是number，可以进行javascript运算</p>
        <comp v-bind:some-prop="1+1"></comp>

    </div>




    <script>
        Vue.component('comp',{
            props:['some-prop'],
            template:'<span>{{someProp}}</span>'
        })
        var app = new Vue({
            el:'#app',
            data:{
                message:'',
            }
        })


    </script>



</body>
</html>